<template>
    <div class="top">
        <img src="../../assets/img/头部.png" alt="">
    </div>
    <div class="buy-top-wrapper">
        <span>我的全部购物车（2）</span>
    </div>
    <div class="buy-content-wrapper">
        <div class="tianchong"></div>
        <div class="buy-content-top-wrapper">
            <div class="buy-content-top">
                <span>沃尔玛</span>
            </div>
            <div class="buy-content-content">
                <div class="buy-content-content-left">
                    <img src="@/assets/img/番茄.png" alt="">
                </div>
                <div class="buy-content-content-right">
                    <div class="buy-content-content-right-top">
                        <span>番茄250g/份</span>
                    </div>
                    <div class="buy-content-content-right-bottom">
                        <span>33.6 x 3</span>
                        <span>¥99.9</span>
                    </div>
                </div>
            </div>
            <div class="buy-content-content">
                <div class="buy-content-content-left">
                    <img src="@/assets/img/提子.png" alt="">
                </div>
                <div class="buy-content-content-right">
                    <div class="buy-content-content-right-top">
                        <span>提子250g/份</span>
                    </div>
                    <div class="buy-content-content-right-bottom">
                        <span>33.6 x 3</span>
                        <span>¥99.9</span>
                    </div>
                </div>
            </div>
            <div class="buy-content-bottom">
                <div class="buy-content-bottom-zi">
                    共计3件/1.4kg
                </div>
                <div class="buy-content-bottom-image">
                    <img src="@/assets/img/下箭头.png" alt="">
                </div>
            </div>
        </div>



        <div class="buy-content-top-wrapper1">
            <div class="buy-content-top">
                <span>京东7FRESH七鲜</span>
            </div>
            <div class="buy-content-content">
                <div class="buy-content-content-left">
                    <img src="@/assets/img/番茄.png" alt="">
                </div>
                <div class="buy-content-content-right">
                    <div class="buy-content-content-right-top">
                        <span>番茄250g/份</span>
                    </div>
                    <div class="buy-content-content-right-bottom">
                        <span>33.6 x 3</span>
                        <span>¥99.9</span>
                    </div>
                </div>
            </div>
            <div class="buy-content-content">
                <div class="buy-content-content-left">
                    <img src="@/assets/img/提子.png" alt="">
                </div>
                <div class="buy-content-content-right">
                    <div class="buy-content-content-right-top">
                        <span>提子250g/份</span>
                    </div>
                    <div class="buy-content-content-right-bottom">
                        <span>33.6 x 3</span>
                        <span>¥99.9</span>
                    </div>
                </div>
            </div>
        </div>


        <div class="buy-content-top-wrapper1">
            <div class="buy-content-top">
                <span>百果园</span>
            </div>
            <div class="buy-content-content">
                <div class="buy-content-content-left">
                    <img src="@/assets/img/番茄.png" alt="">
                </div>
                <div class="buy-content-content-right">
                    <div class="buy-content-content-right-top">
                        <span>番茄250g/份</span>
                    </div>
                    <div class="buy-content-content-right-bottom">
                        <span>33.6 x 3</span>
                        <span>¥99.9</span>
                    </div>
                </div>
            </div>
            <div class="buy-content-content">
                <div class="buy-content-content-left">
                    <img src="@/assets/img/提子.png" alt="">
                </div>
                <div class="buy-content-content-right">
                    <div class="buy-content-content-right-top">
                        <span>提子250g/份</span>
                    </div>
                    <div class="buy-content-content-right-bottom">
                        <span>33.6 x 3</span>
                        <span>¥99.9</span>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="index-bottom">
        <div class="index-bottom-wrapper">
            <router-link :to="'/index'">
                <div class="index-bottom-cotent1">
                    <img src="@/assets/img/首页.png" alt="">
                    <span>首页</span>
                </div>
            </router-link>
            <router-link :to="'/buy'">
                <div class="index-bottom-cotent">
                    <img src="@/assets/img/buy1.png" alt="">
                    <span>购物车</span>
                </div>
            </router-link>
            <router-link :to="'/dingdan'">
                <div class="index-bottom-cotent1">
                    <img src="@/assets/img/订单.png" alt="">
                    <span>订单</span>
                </div>
            </router-link>
            <router-link :to="'/my'">
                <div class="index-bottom-cotent1">
                    <img src="@/assets/img/我的.png" alt="">
                    <span>我的</span>
                </div>
            </router-link>
        </div>
    </div>
</template>

<script>
import { navData } from "@/untils/nav"
import "@/assets/css/index.css";
import "@/assets/css/buy.css";
export default {
    setup() {
        return {
            navData
        }
    }
};
</script>